<form class="form-horizontal" id="columnsFrom">
	<div class="form-group">
		<label class="col-sm-2 control-label no-padding-top" for="columnList"></label>
	
		<div class="col-sm-8">
			<!-- #section:plugins/input.duallist -->
			<select multiple="multiple" size="10" name="columns" id="columnList" required>
				<c:forEach var="col" items="${table.getColumns()}">
					<option value="${col.getSqlName()}" title="${col.getRemarks()}">${col.getSqlName()}</option>
				</c:forEach>
			</select>
	
			<!-- /section:plugins/input.duallist -->
			<div class="hr hr-16 hr-dotted"></div>
		</div>
	</div>
</form>

<script type="text/javascript">
	$(function(){
	 	var demo1 = $('select[name="columns"]').bootstrapDualListbox({
	 		infoTextFiltered: '<span class="label label-purple label-lg">过滤</span>',
	 		filterPlaceHolder:'过滤',
	 		filterTextClear:'显示所有',
	 		infoText:'列 {0}',
	 		removeAllLabel:'移除所有',
	 		moveAllLabel:'移动所有',
	 		infoTextEmpty:'空'
	 	});
		var container1 = demo1.bootstrapDualListbox('getContainer');
		container1.find('.btn').addClass('btn-white btn-info btn-bold');
	
	})
</script>